<template>
	<div class="welcome">
		<!-- 这里写推荐的图书 -->
		<el-carousel :interval="4000" type="card" height="220px">
			<el-carousel-item v-for="item in img" :key="item">
				<img :src="item" alt="">
			</el-carousel-item>
		</el-carousel>
		<div class="des">
			<h2><span>#</span>基本情况</h2>
			

		</div>
	</div>
</template>

<script>
	export default {
		name: "welcome",
		data() {
			return {
				img: ["https://img02.hua.com/slider/18_youflower_m.jpg", "https://img02.hua.com/slider/21_byz_banner_m.jpg",
					"https://img02.hua.com/slider/21_birthday_banner_m.jpg"
				]
			}
		}
	}
</script>

<style lang="less" scoped>
	.welcome {
		height: 100%;
		background-size: cover;
		position: relative;
		img{
			width: 100%;
			height: 100%;
		}
		.el-carousel {
			width: 1100px;
			margin: 0 auto;
			padding: 10px 0;
		}
		.des{
			width: 1164px;
			margin: 0 auto;
			span{
				font-size: 30px;
				padding:0 10px;
			}
			h2{
				color: skyblue;
			}
			p{
				text-indent: 25px;
				padding: 10px;
				font-family: 楷体, 楷体_gb2312, simkai;
				font-size: 18px;
			}
		}
	}
</style>
